<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input style="color: red" type="text" id="inputA" age="20" value="jack" />
    <script>
      /*
      属性—特性同步
        1. 当标准特性被修改，属性也会同步修改
        2. 当属性被修改，（通常）特性也会同步修改
        */
      const inputA = document.getElementById("inputA");
      // 属性=>特性（不同步）
      console.log(inputA.getAttribute("value"));
      inputA.value = "lili";
      console.log(inputA.getAttribute("value"));

      // 特性=>属性（同步）
      // console.log(inputA.value);
      // inputA.setAttribute("value", "jack");
      // console.log(inputA.value);\
    </script>
  </body>
</html>
